<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>删除节点</title>
	</head>
	<body>
		<span id="programmer">程序猿</span>
		<a href="javascript:void(0)" onclick="delNode();">删除</a>
	</body>
	<!-- 
		删除节点
			removeChild()从元素中移除子节点
	 -->
	 <script type="text/javascript">
	 	function delNode() {
			// 得到被删除的对象
			var span = document.getElementById("programmer");
			// 得到被删除的对象的父元素
			var parent = span.parentElement;
			// 删除元素
			parent.removeChild(span);
		}
		
	 </script>
</html>
